<!DOCTYPE html>
<html lang="en">

    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
        <meta name="format-detection" content="telephone=no">
        <title>店员自我修养</title>
        <link rel="stylesheet" type="text/css" href="css/timemachine.css" media="all" />
        <script src="js/maidian.js"></script>
        <script>
            ! function(a, b) {
                function c() {
                    var b = f.getBoundingClientRect().width;
                    b / i > 540 && (b = 540 * i);
                    var c = b / 10;
                    f.style.fontSize = c + "px", k.rem = a.rem = c
                }
                var d, e = a.document,
                    f = e.documentElement,
                    g = e.querySelector('meta[name="viewport"]'),
                    h = e.querySelector('meta[name="flexible"]'),
                    i = 0,
                    j = 0,
                    k = b.flexible || (b.flexible = {});
                if(g) {
                    console.warn("将根据已有的meta标签来设置缩放比例");
                    var l = g.getAttribute("content").match(/initial\-scale=([\d\.]+)/);
                    l && (j = parseFloat(l[1]), i = parseInt(1 / j))
                } else if(h) {
                    var m = h.getAttribute("content");
                    if(m) {
                        var n = m.match(/initial\-dpr=([\d\.]+)/),
                            o = m.match(/maximum\-dpr=([\d\.]+)/);
                        n && (i = parseFloat(n[1]), j = parseFloat((1 / i).toFixed(2))), o && (i = parseFloat(o[1]), j = parseFloat((1 / i).toFixed(2)))
                    }
                }
                if(!i && !j) {
                    var p = (a.navigator.appVersion.match(/android/gi), a.navigator.appVersion.match(/iphone/gi)),
                        q = a.devicePixelRatio;
                    i = p ? q >= 3 && (!i || i >= 3) ? 3 : q >= 2 && (!i || i >= 2) ? 2 : 1 : 1, j = 1 / i
                }
                if(f.setAttribute("data-dpr", i), !g)
                    if(g = e.createElement("meta"), g.setAttribute("name", "viewport"), g.setAttribute("content", "initial-scale=" + j + ", maximum-scale=" + j + ", minimum-scale=" + j + ", user-scalable=no"), f.firstElementChild) f.firstElementChild.appendChild(g);
                    else {
                        var r = e.createElement("div");
                        r.appendChild(g), e.write(r.innerHTML)
                    }
                a.addEventListener("resize", function() {
                    clearTimeout(d), d = setTimeout(c, 300)
                }, !1), a.addEventListener("pageshow", function(a) {
                    a.persisted && (clearTimeout(d), d = setTimeout(c, 300))
                }, !1), "complete" === e.readyState ? e.body.style.fontSize = 12 * i + "px" : e.addEventListener("DOMContentLoaded", function() {
                    e.body.style.fontSize = 12 * i + "px"
                }, !1), c(), k.dpr = a.dpr = i, k.refreshRem = c, k.rem2px = function(a) {
                    var b = parseFloat(a) * this.rem;
                    return "string" == typeof a && a.match(/rem$/) && (b += "px"), b
                }, k.px2rem = function(a) {
                    var b = parseFloat(a) / this.rem;
                    return "string" == typeof a && a.match(/px$/) && (b += "rem"), b
                }
            }(window, window.lib || (window.lib = {}));
        </script>
    </head>

    <body id="home" v-cloak>
        
        <div class="swiper-container share">
            <span class="star s0"></span>
            <span class="star s9"></span>
            <span class="star s1"></span>
            <span class="star s2"></span>
            <span class="star s3"></span>
            <span class="star s4"></span>
            <span class="star s5"></span>
            
            <img class="move-star ms1" src="img/stars.png" alt="" />
            <img class="move-star ms2" src="img/stars.png" alt="" />
            <img class="move-star ms3" src="img/stars.png" alt="" />
            
            
            <img class="book" src="img/001-01.png" />
            <div class="share-info" v-if="user.name!=''">
              <p>今天是<span>{{user.name}}</span>加入苏宁的<span>{{user.total}}</span>天，</p>
              <p><span>{{user.percent}}%</span>的同事都要叫{{user.gender=='M'?'他':'她'}}<span>{{user.gender=='M'?'湿兄':'湿姐'}}</span>噢！</p>
              <p v-if="user.amount && user.amount !=''">截止2016年底累计贡献销售<span>{{user.amount}}</span>元</p>
            </div>
            <a href="javascript:;" class="try" @click="toTry()">看看我的自我修养</a>
            <img class="words-img" src="img/001-words.png" alt="" />
            <img class="person-img" src="img/001-03.png" alt="" />
            <img class="house-img" src="img/house.png" alt="" />
        </div>
       <script>
            var ua = window.navigator.userAgent.toLowerCase();
            if(ua.match(/MicroMessenger/i) == 'micromessenger') {
                var script = document.createElement("script");
                script.src = "https://res.wx.qq.com/open/js/jweixin-1.0.0.js";
                document.body.appendChild(script);
            }
        </script>
        <script src="js/vue.min.js"></script>
        <script src="js/zepto.min.js"></script>
        <script src="js/common.js"></script>
        <script src="js/share.js"></script>
    </body>

</html>